<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
    </script>

</head>

<body>
    <script>
        var app = angular.module('myApp', []);
        app.controller('selectCtrl', function ($scope) {
            $scope.sites = [
                { site: "Google", url: "www.google.com" },
                { site: "Baidu", url: "www.baidu.com" },
                { site: "Taobao", url: "www.taobao.com" }];
        });
    </script>

    <!-- <div ng-app='myApp' ng-controller="selectCtrl">
        <select ng-model="selectedSite">
            <option ng-repeat="x in sites", value="{{x.url}}">{{x.site}}</option>
        </select>
        <p>你选择的是:{{selectedSite}}</p>
    </div> -->
    <div ng-app='myApp' ng-controller="selectCtrl">
        <select ng-init="selectedSite=sites[0]" 
        ng-model="selectedSite" 
        ng-options="x.site for x in sites">
        </select>
        <p>选择的名称:{{selectedSite.site}}</p>
        <p>选择的网址:{{selectedSite.url}}</p>
    </div>
</body>

</html>